<template>
	<div>
		<div class="header">
			<div class="header-back"></div>
			<div class="header-title">商家列表</div>
		</div>
		<div class="header-row"></div>
		<div class="main-body" v-if="pageLoad">
			<div class="pos-relative">
				<div class="tab-select">
					<div class="tab-select-item">
						<div class="tab-select-label">全部商家
							<div class="tab-select-t3down "></div>
						</div>
						 
					</div>

					<div class="tab-select-item">
						<div class="tab-select-label">智能排序
							<div class="tab-select-t3down "></div>
						</div>
						 
					</div>
					<div class="tab-select-item">
						<div class="tab-select-label">筛选
							<div class="tab-select-t3down "></div>
						</div>
					</div>

				</div>
				<!--分类box1--->
				<div id="category-box" class="tab-select-box tab-select-catbox">
					<div class="tab-select-box1">
						<div class="tab-select-box-pd">
							<div to="c635" class="tab-select-box1item tab-select-box1item-active">美食</div>

							<div to="c636" class="tab-select-box1item">零售</div>

							<div to="c637" class="tab-select-box1item">娱乐</div>
						</div>
					</div>
					<div class="tab-select-box2">
						<div class="tab-select-pd">
							<div v="635" class="tab-select-box2item   c635 tab-select-show">美食</div>
							<div v="636" class="tab-select-box2item   c636 tab-select-show">零售</div>


						</div>
					</div>
				</div>

				<div id="order-box" class="order-box tab-select-box">
					<a class="tab-select-box-item" v="default">智能排序</a>
					<a class="tab-select-box-item" v="distance">距离最近</a>
					<a class="tab-select-box-item" v="sold_num">销量最高</a>
					<a class="tab-select-box-item" v="raty_grade">评价最好</a>
				</div>
				<div id="choice-box" class="choice-box tab-select-box">
					<a class="tab-select-box-item" v="">全部</a>
					<a class="tab-select-box-item" v="cspf">超时赔付</a>

					<a class="tab-select-box-item" v="isnew">新店</a>
				</div>
			</div>
			<div class="flexlist">
				<div gourl="index.html?m=shop" class="flexlist-item flex-ai-center">
					<image class="flexlist-img" src="img/100x100.jpg"></image>
					<div class="flex-1">
						<div class="flexlist-title">饺子实验室</div>
						<div class="flexlist-row">
							<raty class="raty" num=5><div class="raty-after"></div></raty>
							月销10份
						</div>
						<div class="flexlist-row">0.0元起送 / 0分钟  </div>
					</div>
					<div class="distance">10千米</div>
				</div>
				<div gourl="index.html?m=shop" class="flexlist-item flex-ai-center">
					<image class="flexlist-img" src="img/100x100.jpg"></image>
					<div class="flex-1">
						<div class="flexlist-title">饺子实验室</div>
						<div class="flexlist-row">
							<raty class="raty"  num=5>
								<div class="raty-after"></div>
							</raty>
							月销10份
						</div>
						<div class="flexlist-row">0.0元起送 / 0分钟  </div>
					</div>
					<div class="distance">10千米</div>
				</div>
			</div>	
		</div>

	</div>

</template>
<script>
	function raty(){
		var rss=$("raty");
		var len=rss.length;
		for(var i=0;i<len;i++){
			var o=rss.eq(i);
			var num=parseInt(o.attr("num"));
			o.find(".raty-after").css("width","80%")
		}
	}
	raty();
	
</script>
